<template>
  <div class="content-wrap">
    <table>
      <tbody>
        <tr>
          <th colspan="5" class="table-title">
            供应链业务运营审批单
          </th>
          <!-- <th scope="col">Subject</th>
          <th scope="col">Object</th> -->
        </tr>
        <tr>
          <th>
            供应链业务运营审批单
          </th>
          <th>
            供应链业务运营审批单
          </th>
          <th>
            供应链业务运营审批单
          </th>
          <th>
            供应链业务运营审批单
          </th>
        </tr>
        <tr>
          <th rowspan="5" scope="rowgroup">单数</th>
          <th colspan="2" scope="row">第一人称</th>
          <td>I</td>
          <td>me</td>
        </tr>
        <tr>
          <th colspan="2" scope="row">第二人称</th>
          <td>you</td>
          <td>you</td>
        </tr>
        <tr>
          <th rowspan="3" scope="rowgroup">第三人称</th>
          <th class="symbol" scope="row">♂</th>
          <td>he</td>
          <td>him</td>
        </tr>
        <tr>
          <th class="symbol" scope="row">♀</th>
          <td>she</td>
          <td>her</td>
        </tr>
        <tr>
          <th class="symbol" scope="row">o</th>
          <td>it</td>
          <td>it</td>
        </tr>
        <tr>
          <th rowspan="1" scope="rowgroup">复数</th>
          <th colspan="2" scope="row">第一人称</th>
          <td>we</td>
          <td>us</td>
        </tr>
        <tr>
          <th colspan="2" scope="row">第二人称</th>
          <td>you</td>
          <td>you</td>
        </tr>
        <tr>
          <th colspan="2" scope="row">第三人称</th>
          <td>they</td>
          <td>them</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.content-wrap {
  width: 1000px;
  margin: 0 auto;
}
table {
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  width: 100%;

  th {
    background: #fff;
    line-height: 1.5;
    text-align: left;
  }

  td,
  th {
    border: 1px solid #cdcdcd;
    padding: 0.5rem 0.75rem;
    vertical-align: middle;
  }

  td {
    .code-example pre {
      margin: 0;
    }

    ul {
      margin: 0;
    }
  }
}
.table-title {
  text-align: center;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  background-color: #f2f3f5;
}
</style>